<template>
  <transition name="slide">
      <div class="activityDesc">
         <div class="header-wrapper">
              <i class="iconfont icon-fanhui return" @click="back"></i>
              活动详情
          </div>
        <div>{{id}}</div>
      </div>
  </transition>
</template>
<script>
    export default{
        data(){
            return{
                id:''
            }
        },
        created(){
            this.id=this.$route.params.id;
        },
        methods:{
            back(){
                this.$router.back();
            }
        }
    }
</script>
<style lang="scss" scoped>
    .slide-enter-active, .slide-leave-active{
		 transition: all 0.3s
	}
	  .slide-enter, .slide-leave-to{
	  	transform: translate(100%, 0)
	  }
    .activityDesc{
        position: fixed;
        top: 0;
        bottom: 40px;
        width: 100%;
        overflow: hidden;
        background:#fff;
    }
    .header-wrapper{
        width:100%;
        height:48px;
        line-height:48px;
        background:#000;
        color:#fff;
        text-align:center;
        position:relative;
        .return{
            position:absolute;
            left:0;
            top:0;
            height:100%;
            line-height:48px;
        }
        i{
            color:#fff;
            font-size:20px;
            padding:0 20px;
        }
    }
</style>
